<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="AAuto" /> 
<title>网页基础知识</title>
<link href="../style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="maincontent">
<h1>网页基础知识</h1>
 <div class="desc">参考:</div>
  <div>
    <h2>什么是 HTML</h2>
    <p>HTML(HyperText Mark-up Language):超文本标记语言,用于编写网页.<br />
      在网页上点右键打开菜单，选&ldquo;查看源代码&rdquo;就可以查看网页的HTML源代码。<br />
      <br />
      HTML类似XML语法。使用标记(Tag)来标识网页节点，每一个标记置于尖括号内.并用&quot;/&quot;标明结束标记.</p>
    <p>例如; </p>
    <pre >&lt;html&gt;
      &lt;head&gt; 
            &lt;title&gt;网页标题&lt;/title&gt;<br />      &lt;/head&gt;

      &lt;body&gt;
            body之间则为主要语法所在，也是网页的主要呈现部分。<br />            &lt;br /&gt;  
            &lt;img src=&quot;图片路径&quot; /&gt;

            &lt;a href=&quot;超链接网址&quot;&gt;显示在网页上的超链接文字&lt;/a&gt; <br /><br />            下面是一个简单的登录表单：
            &lt;form action=&quot;提交的目标网址&quot; method=&quot;post&quot;&gt;
                  请输入用户名：&lt;input name=&quot;username&quot; type=&quot;text&quot; /&gt; 
                  请输入密　码：&lt;input name=&quot;password&quot; type=&quot;password&quot; /&gt;
            &lt;/form&gt;

      &lt;/body&gt;<br />
&lt;/html&gt; 
    </pre>
    <p>以上看到的就是一个最简单架构的网页源代码(HTML)。<br />
      HTML采用类似XML的语法，由很多成对的、可嵌套的标记组成。所<br />
      有的标记放在尖括号内，而结束标记需要加一个斜杠。<br />
      <br />
    <strong>例如：</strong></p>
    <pre>&lt;html&gt; 表示html源码开始，而&lt;/html&gt;则表示html源码的结束。</pre>
    <p>如果一个节点没有结束标记,则应在开始标记结束处的尖括号前添加一个正斜杠,如下: </p>
    <pre>&lt;br /&gt;  这表示一个HTML换行,注意在正斜杠前面需要有一个空格.
&lt;img src=&quot;图片路径&quot; /&gt;</pre>
    <p>一份完整的网页主要包含了二个部份： </p>
    <pre>HTML头: <span class="bluefont">&lt;head&gt;之间的部份&lt;/head&gt; </span>
网页内容: <span class="bluefont">&lt;body&gt;之间的部份&lt;/body&gt;  </span>
</pRE>
    <p>在HTML头的部份&lt;head&gt;&lt;/head&gt;中，有另一组子标记&lt;title&gt;&lt;/title&gt;。

    在&lt;title&gt;&lt;/title&gt;这里面的文字就是网页的标题。</p>
    <p>在HTML头的内容部份&lt;body&gt;&lt;/body&gt;中，有另一组子标记:

    <span class="bluefont">&lt;form&gt;这中间表示一个表单&lt;/form&gt;</span>，通常在网页上输入并提交内容的部份都是一个表单。
  </div> <div>
    <h2>什么是 HTML DOM<a name="dom" id="dom"></a></h2>
    <p>从上一节我们可以看到HTML就是由一个个内外嵌套的节点来表示文档中的对象，这种架构称为HTML DOM(Document Object Model 文档对象模式).    
    <p>HTML   DOM 是指用于 HTML/XHTML的文档对象模型。DOM定义了节点(Node)的接口以及组成DOM树（称之为文档）元素的Node子接口，节点之间可以包含嵌套。        
    <p>最顶层的是document对象,是所有对象的根节点.

    而HTML元素(element)是由HTML起始标签和结束标签以及内部包含的属性、元素等表示的节点对象。

    
    <p>下面是一个超链接元素的示例:

    <pre><a href="http://www.ecranesoft.com/" target="_blank">点这里打开一鹤软件主页</a></pre>
  <p>HTML源码如下:    
<pre>&lt;a href=&quot;http://www.ecranesoft.com/&quot; target=&quot;_blank&quot;&gt;点这里打开一鹤软件主页&lt;/a&gt;</pre>
  
  <p>上面就是一个典型的一个HTML节点,一个节点可以包含以下元素:  
  <ul>
  <li>标记:<br />
    <br />
    超链接的标记是a,起始标记为&lt;a&gt;,结束标记为&lt;/a&gt;<br />
    <br />
  </li>
  <li>属性(attribute)<br />
    <br />
  属性就是一个个用空格分格的键值对,语法类似AAuto里的 <a href="../the language/datatype/datatype.html#vartable">table对象</a> ,不同的是table以分号分隔键值对,而HTML是用空格来分隔属性.<br />
  <br />
  超链接的href属性表示链接打开的目标网址.<br />
  而target属性指定打开的窗口名字,&quot;_blank&quot;指在新窗口中打开href指定的链接.<br />
  <br />
  </li>
  <li>内部文本(innerText)<br />
    <br />
指在节点开始标记与结束标记之间包含的文本,通常是用于显示在网页上的内容..<br />
这里是&quot;点这里打开一鹤软件主页&quot;<br />
<br />
  </li>
  <li>子节点<br />
    <br />
一个HTML节点对象可以在内部包含其他的HTML节点对象,可以嵌套包含，例如上一节例子中html包含body子节点,而body子节点又包含form子节点,form子节点又包含input子节点.<br />
<br />
  </li>
  <li>内部HTML(innerHTML)<br />
    <br />
    表示子节点的源代码,我们称之为内部HTML(innerHTML)<br />
    <br />
  </li>
  </ul>
  <br />
  <p>上面简单介绍了与AAuto Web窗体设计有关的一些基础知识.<br />
    如果需要了解更多关于HTML的知识请参考网页制作的相关资料。</p>
<h2>&nbsp;</h2></div></div></body>
</html>